<template>
    <div >
        <div class='footer'>
            <div>
                <p>©2018 阿姨帮
                    <a href="#">京ICP备13032113号</a>
                    <a href="#">京公网安备 11010502037617号</a>
                    <a href="#">营业执照</a>
                    <a href="#">诚信网站</a>
                </p>
                <div>
                    <a href="#">加入我们</a>
                    <span>|</span>
                    <a href="#">用户协议</a>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.footer {
  width: 100vw;
  height: 50px;
  background: #fff;
  color: #999;
  border-top: solid 1px #dedede;
  & > div {
    width: 1000px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    font-size: 12px;
    div {
      a {
        padding:0 12px;
      }
    }
    & > * {
      display: flex;
      justify-content: space-between;
      align-items: center;
      a {
        margin: 0 8px;
        color: #999;
      }
      a:hover {
        color: #00beaf;
      }
    }
  }
}
</style>